<div class="window">
  <span>个人资料</span>
</div>

    <div class="c1">
      <span>当前头像:</span>
      <img [src]="imgUrl" alt="" style="width: 80px; height: 80px;" id="img">
      <input type="file" class="btn" value="修改" id="file" (change)="doChange($event)">
    </div>
    <br>
    <div class="c2">
      <span>昵称:</span>
      <input type="text" [value]="nick" placeholder="输入昵称" [(ngModel)]="nick">
    </div>
    <br>
    <div class="c3">
      <span>性别:</span>
      <input type="radio" name="sex" value="boy" (click)="doBoy($event)">男
      <input type="radio" name="sex" value="girl" (click)="doGirl($event)">女
    </div>
    <br>
    <div class="c4">
      <span>生日:</span>
      <select (change)="changeYear($event)">
        <option *ngFor="let num of year" [value]="num">{{num}}</option>
      </select>
      <span>年</span>
      <select (change)="changeMath($event)">
        <option *ngFor="let num of math" [value]="num">{{num}}</option>
      </select>
      <span>月</span>
      <select (change)="changeDate($event)">
        <option *ngFor="let num of date" [value]="num">{{num}}</option>
      </select>
      <span>日</span>
    </div>
    <br>
    <div class="c5">
      <span>手机:</span>
      <input type="text" placeholder="18237264114" id="updateTel" disabled>
      <label for="updateTel" (click)="doUpdate()">修改</label> <br>
      <button class="btn1" (click)="doBtn()">确认提交</button>
    </div>

